<template>
    <div class="person-container">
        <div class="mui-scroll" style="transform: translate3d(0px, 0px, 0px) translateZ(0px); transition-duration: 0ms;">
						<ul class="mui-table-view mui-table-view-chevron">
							<li class="mui-table-view-cell mui-media">
								<a class="mui-navigate-right" href="#account">
									<img class="mui-media-object mui-pull-left head-img" id="head-img" src="../../lib/images/icon.png">
									<div class="mui-media-body">
										Hello Happiness
										<p class="mui-ellipsis">账号:hello Happiness</p>
									</div>
								</a>
							</li>
						</ul>
						<ul class="mui-table-view mui-table-view-chevron">
							<li class="mui-table-view-cell">
								<a href="#account" class="mui-navigate-right">账号与安全</a>
							</li>
						</ul>
						<ul class="mui-table-view mui-table-view-chevron">
							<li class="mui-table-view-cell">
								<a href="#notifications" class="mui-navigate-right">新消息通知</a>
							</li>
							<li class="mui-table-view-cell">
								<a href="#privacy" class="mui-navigate-right">隐私</a>
							</li>
							<li class="mui-table-view-cell">
								<a href="#general" class="mui-navigate-right">通用</a>
							</li>
						</ul>
						<ul class="mui-table-view mui-table-view-chevron">
							<li class="mui-table-view-cell">
								<a href="#about" class="mui-navigate-right">关于 Happiness <i class="mui-pull-right update">V3.1.0</i></a>
							</li>
						</ul>
						<ul class="mui-table-view">
							<li class="mui-table-view-cell" style="text-align: center;">
								<a>退出登录</a>
							</li>
						</ul>
					</div>
    </div>
</template>

<script>
export default {};
</script>
<style lang="scss" scoped>
.person-container{
			
	.mui-scroll-wrapper,
	.mui-scroll {
		background-color: #efeff4;
	}
	.mui-table-view:first-child {
		margin-top: 15px;
	}
	.mui-table-view:last-child {
		margin-bottom: 30px;
	}
	.mui-table-view {
		margin-top: 20px;
	}
	
	.mui-table-view span.mui-pull-right {
		color: #999;
	}
	.mui-table-view-divider {
		background-color: #efeff4;
		font-size: 14px;
	}
	.mui-table-view-divider:before,
	.mui-table-view-divider:after {
		height: 0;
	}
	.head {
		height: 40px;
	}
	#head {
		line-height: 40px;
	}
	.head-img {
		width: 40px;
		height: 40px;
	}			
}			
		
</style>


